<!DOCTYPE html>
<html lang="it">
	<head>

		<meta charset="utf-8">
		<title>xTrEAM - Everithing you need to be eXtreme</title>
		<meta http-equiv="X-UA-Compatible" content="IE=Edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="keywords" content="XP, agile programming, extreme programming, coding, tool, software">

		<!-- bootstrap css -->
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<!-- font-awesome -->
		<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
		<!-- google font -->
		<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700,800' rel='stylesheet' type='text/css'>

		<!-- custom css -->
		<link rel="stylesheet" href="css/style.css">

	</head>
	<body>
		<!-- start navigation -->
		<nav class="navbar navbar-default navbar-fixed-top templatemo-nav">
			<div class="container">
				<div class="navbar-header">
					<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
						<span class="icon icon-bar"></span>
						<span class="icon icon-bar"></span>
						<span class="icon icon-bar"></span>
					</button>
					<a href="#" class="navbar-brand">xTrEAM</a>
				</div>
				<div class="collapse navbar-collapse">
					<ul class="nav navbar-nav navbar-right text-uppercase">
						<li>
							<a href="#home">Home</a>
						</li>
						<li>
							<a href="#feature">Features</a>
						</li>
						<li>
							<a href="#myRole">Il mio ruolo</a>
						</li>
						<li>
							<a href="#download">Unisciti a noi!</a>
						</li>
						<li>
							<a href="#contact">Contatti</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<!-- end navigation -->
		<!-- start home -->
		<section id="home">
			<div class="overlay">
				<div class="container">
					<div class="row">
						<div class="col-md-1"></div>
						<h1 class="text-upper">xTrEAM - everything you need to be eXtreme</h1>
						<p class="tm-white">
							xTrEAM è una piattaforma web pensata per aiutare i progammatori a lavorare in modo più dinamico, efficiente e collaborativo.
							<br />
							Grazie ai numerosi servizi offerti, rende possibile la fruizione di metodologie eXtreme anche a team distribuiti in luoghi diversi.
						</p>
						<div class="col-md-1"></div>
					</div>
				</div>
			</div>
		</section>
		<!-- end home -->
		<!-- start divider -->
		<section id="divider">
			<div class="container">
				<div class="row">
					<div class="col-md-4 templatemo-box">
						<i class="fa fa-folder-open"></i>
						<h3 class="text-uppercase">GESTISCI I TUOI PROGETTI</h3>
						<p>
							Grazie alla nostra applicazione, potrai segiure gli sviluppi di tutti i tuoi progetti: le azioni dei tuoi collaboratori, i progressi del tuoi team, i task aperti e la loro evoluzione.
							<br />
							Tutto con un unico accout.
						</p>
					</div>
					<div class="col-md-4 templatemo-box">
						<i class="fa fa-calendar-o"></i>
						<h3 class="text-uppercase">ORGANIZZA GLI IMPEGNI</h3>
						<p>
							Nella tua Timeline potrai pianificare riunioni, conference call, release ed ogni altro impegno connesso allo sviluppo.
							<br />
							Ogni avvenimento relativo al progetto viene registrato automaticamente, in modo da tenerti sempre aggiornato.
						</p>
					</div>
					<div class="col-md-4 templatemo-box">
						<i class="fa fa-group"></i>
						<h3 class="text-uppercase">BE SOCIAL</h3>
						<p>
							Interagisci con gli altri membri del tuo team! Grazie al nostro client, disponibile per tutte le piattaforme, potrai chattare con gli atri sviluppatori e discutere in tempo reale di problemi e soluzioni.
						</p>
					</div>
				</div>
			</div>
		</section>
		<!-- end divider -->

		<!-- start feature -->
		<section id="feature">
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<h2 class="text-uppercase">Perchè...</h2>
						<p>
							Rendere il lavoro dei programmatori ancora più semplice ed effice: questo è il nostro obiettivo. Come?
						</p>
						<p>
							<span><i class="fa fa-folder-open"></i></span>Tutti i progetti, tutto di ogni progetto a portata di click: team, user story, task, riunioni, perfino i pomodori possono essere gestiti tramite la nostra applicazione.
						</p>
						<p>
							<span><i class="fa fa-calendar"></i></span>Rimani sempre aggiornato, senza fatica! Ogni evento relativo al progetto, la chiusura di una story, l'assegnazione di un task, una riunione: tutto viene riportato automaticamente nella tua Timeline.
						</p>
						<p>
							<span><i class="fa fa-comments"></i></span>Parla con i tuoi colleghi! Quante volte hai perso tempo prezioso cercando di interpretare codice altrui. Ora potrai parlare con i tuoi colleghi in tempo reale, senza staccare gli occhi dal codice.
						</p>
					</div>
					<div class="col-md-6">
						<img src="images/projects.png" class="img-responsive" alt="feature img">
						<img src="images/timeline.png" class="img-responsive" alt="feature img">
					</div>
				</div>
			</div>
		</section>
		<!-- end feature -->

		<!-- start feature1 -->
		<section id="feature1">
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<img src="images/team.png" class="img-responsive" alt="feature img">
						<img src="images/us.png" class="img-responsive" alt="feature img">
					</div>
					<div class="col-md-6">
						<h2 class="text-uppercase">... e come</h2>
						<p>
							Impossibile? Nooo. Da programmatori a programmatori, ecco che cosa abbiamo realizzato.
						</p>
						<p>
							<span><i class="fa fa-desktop"></i></span>Una sigola web app per gestire tutti i progetti. Semplice, veloce, gratutita.
						</p>
						<p>
							<span><i class="fa fa-mobile"></i></span>Grazie al responsive design, i contenuti sono facilmente fruibili anche da mobile. Per rimanere sempre aggiornato.
						</p>
						<p>
							<span><i class="fa fa-comments"></i></span>Un client appositamente progettato permette di rimenere sempre in contatto con il resto della squadra. Perchè l'insieme è più forte della somma delle sue parti.
						</p>
					</div>
				</div>
			</div>
		</section>
		<!-- end feature1 -->

		<!-- start myRole -->
		<section id="myRole">
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<h2 class="text-uppercase">Tester</h2>
						<p>
							Ti posso consigliare xTrEAM perchè ho contribuito a costruirla. Il mio ruolo? Tentare di distruggerla! Perchè? Molte sono le ragioni...
						</p>
						<p>
							<span><i class="fa fa-lightbulb-o"></i></span>Una domanda che ogni programmatore teme: "che devo fare?". I test aiutano ad avere un'idea più chiara di ciò che si vuole implementare: per questo motivo, spesso è più utile iniziare a codificare dai test, per poi costruire gli altri componenti in modo da farli funzionare. Si chiama Test Driven Development, e funziona!
						</p>
						<p>
							<span><i class="fa fa-gear"></i></span>Gli incubi che agitano la notte precedente ad una release sono i bug nascosti. Se il programma presenta un difetto, il cliente, prima o poi, lo scoverà. E non sarà un bel momento. L'unico antidoto è prevenire, controllando che ogni componente, ogni metodo, si comporti come previsto. Per fortuna il processo può essere automatizzato. Viva JUnit!
						</p>
						<p>
							<span><i class="fa fa-search"></i></span>Quando da java si passa al web, JUnit non può più aiutare: il testing deve essere manuale. Ogni pagina, ogni form, ogni bottone deveno rispondere ai comandi come previsto. Finchè questo non avviene, il codice deve essere raffinato e revisionato.
						</p>
					</div>
					<div class="col-md-6">
						<h2 class="text-uppercase">E responsabile svn</h2>
						<p>
							Ciò che non consiglierei a nessuno, invece, è utilizzare GitHub in modilità SVN: i problemi da risolvere sono molti e molto poco comprensibili...
						</p>
						<p>
							<span><i class="fa fa-history"></i></span>I repository on-line sono uno strumento fantastico: permettono di condividere il codice, di essere aggiornati sulle modifiche, nonchè di tornare indietro in caso di modifiche poco efficaci. Tuttavia, quando il controllo di versione decide di non collaborare, non è semplice ridurlo a più miti consigli.
						</p>
						<p>
							<span><i class="fa fa-warning"></i></span>Due settimane: è quanto abbiamo impiegato a rendere operativo e fruibile a tutti il repository. Prima l'effiemra speranza di poter utilizzare Google Code, poi la difficile migrazione verso GitHub, in seguito l'impossibilità di rinominare pacchetti ed i problemi di integrazione con Eclipse hanno reso un ruolo secondario decisamente snervante.
						</p>
						<p>
							<span><i class="fa fa-globe"></i></span>Qundo si apre un repository GitHub, questo diviene pubblico. Ciò significa che chiunque può accedervi per contribuire, scaricare il codeice, o anche semplicemente curiosare. Si rende necessario offire un'adeguata presentazione del progetto nonchè delle convenzioni adottate dai membri: in una parola, un wiki.
						</p>
						<p>
							<span><i class="fa fa-arrow-right"></i></span>Curioso? Vuoi saperne di più? consulta la <a href="rel.html">pagina dedicata</a>.
						</p>
					</div>
				</div>
			</div>
		</section>
		<!-- end myRole -->

		<!-- start download -->
		<section id="download">
			<div class="container">
				<div class="row">
					<div class="col-md-6">
						<h2 class="text-uppercase">Be xTrEAM</h2>
						<p>
							Non sei ancora convinto? Poco male! Il nostro prodotto è la nostra migliore pubblicità. Vai al sito e registrati: è rapido, facile e soprattutto gratuito.
						</p>
						<a class="btn btn-primary text-uppercase" href="http://xtream-whiskeyinc.rhcloud.com/XPTT_Web"> <i class="fa fa-external-link-square"></i> Go to the website </a>
					</div>
					<div class="col-md-6">
						<img src="images/home.png" class="img-responsive" alt="feature img">
					</div>
				</div>
			</div>
		</section>
		<!-- end download -->

		<!-- start contact -->
		<section id="contact">
			<div class="overlay">
				<div class="container">
					<div class="row">
						<div class="col-md-6">
							<h2 class="text-uppercase">Contattaci</h2>
							<p>
								Per qualunque domanda, richiesta, osservazione o lamentela, siamo sempre disponibili al nostro indirizzo mail.
							</p>
							<address>
								<p>
									<i class="fa fa-map-marker"></i>Via Pompei 22/a, Vigevano, Pavia
								</p>
								<p>
									<i class="fa fa-envelope-o"></i> donlelef@gmail.com
								</p>
							</address>
						</div>
						<div class="col-md-6">
							<div class="contact-form">
								<form action="#" method="post">
									<div class="col-md-6">
										<input type="text" class="form-control" placeholder="Nome">
									</div>
									<div class="col-md-6">
										<input type="email" class="form-control" placeholder="Email">
									</div>
									<div class="col-md-12">
										<input type="text" class="form-control" placeholder="Oggetto">
									</div>
									<div class="col-md-12">
										<textarea class="form-control" placeholder="Messaggio" rows="4"></textarea>
									</div>
									<div class="col-md-8">
										<input type="submit" class="form-control text-uppercase" value="Invia">
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- end contact -->

		<!-- start footer -->
		<footer>
			<div class="container">
				<div class="row">
					<p>
						Copyright © 2015 Whiskey Inc | Designed by Lele from a template by <a href="http://www.templatemo.com">templatemo.com</a>.
					</p>
					<p>
						<script src="js/last_update.js"></script>
					</p>
				</div>
			</div>
		</footer>
		<!-- end footer -->
		<script src="js/jquery.js"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/jquery.singlePageNav.min.js"></script>
		<script src="js/custom.js"></script>
		<script src="js/last_update.js"></script>
		<script src="js/wow.min.js"></script>
	</body>
</html>